<template>
  <NConfigProvider :theme="theme" :theme-overrides="themeOverrides" :locale="localeObj.locale"
    :date-locale="localeObj.dateLocale">
    <RouterView v-slot="{ Component }">
      <transition name="fade" mode="out-in">
        <component :is="Component" />
      </transition>
    </RouterView>
  </NConfigProvider>
</template>

<script setup lang="ts">
import { useDesignSettingStoreHook } from "./store/modules";
import { storeToRefs } from "pinia";

const designSettingStore = useDesignSettingStoreHook();
const { theme, themeOverrides, localeObj } = storeToRefs(designSettingStore);
</script>

<style lang="less">
@import "@/style/index.less";
</style>

<style scoped lang="less"></style>

